<template>
  <div class="home">
    <p>{{ this.$store.state.CountHook.count }}</p>
    <button @click="increase">{{ count }}</button>
    <p>{{ city }}</p>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  name: "Home",
  computed: {
    ...mapState({
      count: (state) => state.CountHook.count,
      city: (state) => state.CityHook.city,
    }),
  },
  methods: {
    ...mapMutations(["increase"]),
  },
};
</script>
